import React from 'react';
import { Timeline, Tag } from 'antd';

function CustomTimeline({ }){
    return (
        <Timeline>
            <Timeline.Item>
              <div>
                <div style={{ whiteSpace:'pre-wrap' }}>
                    <Tag color="green" style={{ fontSize:'0.8rem' }} >参数下发</Tag>
                    <span>进行常规参数下发</span>
                </div>
                <div
                  style={{
                    fontSize: '0.8',
                    color: 'rgba(0, 0, 0, 0.45)',
                  }}
                >
                  2023-02-24 18:00
                </div>
              </div>
            </Timeline.Item>
            <Timeline.Item>
              <div style={{ whiteSpace:'pre-wrap' }}>
                <div>
                    <Tag color="orange">控制下发</Tag>
                    <span>螺杆机1#进行关闭操作</span>
                </div>
                <div
                  style={{
                    fontSize: '0.8',
                    color: 'rgba(0, 0, 0, 0.45)',
                  }}
                >
                  2023-02-24 18:00
                </div>
              </div>
            </Timeline.Item>
            <Timeline.Item>
              <div style={{ whiteSpace:'pre-wrap' }}>
                <div>
                    <Tag color="red">越限告警</Tag>
                    <span>冷却水出水温度告警，实际冷却水温度超过32℃</span>
                </div>
                <div
                  style={{
                    fontSize: '0.8',
                    color: 'rgba(0, 0, 0, 0.45)',
                  }}
                >
                  2023-02-24 18:00
                </div>
              </div>
            </Timeline.Item>
        </Timeline>
    )
}

export default CustomTimeline;